{extend name="../application/public/base.html" /}
{block name="head"}
    <link rel="stylesheet" href="ADMIN_CUSTOM/css/list.css">
    <link rel="stylesheet" href="ADMIN_CUSTOM/css/btn.css">
    <link rel="stylesheet" href="ADMIN_CUSTOM/css/form.css">
{/block}
{block name="body"}
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a><cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
		<div class="layui-fluid">
		    <div class="layui-row layui-col-space15">
		        <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <span class="zcc-title">支出预算</span>
                            <div class="layui-btn" onclick="xadmin.open('新增定期支出','/finance/pay/add_regular')">新增定期支付</div>
                            <div class="layui-btn" onclick="xadmin.open('支出分类','/finance/cate/index/ty/2')">定期支付管理</div>
                        </div>
                    </div>
		            <div class="layui-card">
                        <div class="layui-card-body zcc-clear">
                            <div class="layui-tab layui-tab-card zcc-three-card">
                                <div class="zcc-green-title">按月支出</div>
                                <ul class="zcc-height-ul">
                                    {volist name="month_money" id="v"}
                                    <li>{$v.cat_name}: {$v.money}元</li>
                                    {/volist}
                                </ul>
                            </div>

                            <div class="layui-tab layui-tab-card zcc-three-card">
                                <div class="zcc-green-title">单笔支出</div>
                                <ul class="zcc-height-ul">
                                    {volist name="single_money" id="v"}
                                    <li>{$v.cat_name}: {$v.money}元</li>
                                    {/volist}
                                </ul>
                            </div>

                            <div class="layui-tab layui-tab-card zcc-three-card">
                                <div class="zcc-green-title">
                                定期支付
                                <a class="zcc-title-set" href="javascript:;">设置</a>
                                </div>
                                <ul class="zcc-height-ul">
                                    {volist name="regular_money" id="v"}
                                    <li>
                                        {$v.cat_name}: {$v.money}元
                                        <a class="zcc-del" onclick="del({$v.expend_cate_id})" href="javascript:;"><img src="ADMIN_CUSTOM/img/del.png"></a>
                                    </li>
                                    {/volist}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
{/block}
{block name="script"}
    <script type="text/javascript" src="ADMIN_CUSTOM/js/finance/pay/budget.js"></script>
{/block}